<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title></title>
</head>
<body>
    <p>如果您点击我，我会消失。</p>
    <p class="ooo">点击我，我会消失。</p>
    <p class="ooo4">也要点击我哦。</p>
    <p id="test">这是另外一个段落</p>
<button>点我</button>
</body>
</html>
<script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

</script>
<script>
    //这里是逻辑 

//  获取上面的标签
//  $(document).ready(function(){
//      $('p').click(function(){
//          $(this).hide()
//      })
//  })
// 改造一下隐藏 p标签含class的元素
// $(document).ready(function(){
//     $('p.pp').click(function(){
//         $(this).hide()
//     })
// })
// 根据id隐藏
//  $(document).ready(function(){
//      $('button').click(function(){
//          $('#test').hide()     })
//  })
 // 根据class隐藏
 $(document).ready(function(){
     $('button').click(function(){
         $('p.ooo4').hide()     })
 })
</script>